from nicegui import ui

# 导入

ui.label("示例一:row 容器没有任何东西")
ui.row()

ui.separator()

ui.label("示例二")
with ui.row():
    ui.input("xxx")
    ui.label("label xxx")
    ui.label("label yyy")
    ui.element("div").classes("h-[5rem] w-[5rem]").tailwind.background_color("cyan-400")

ui.separator()

ui.label("示例三")
with ui.row():
    for color in ['amber', 'yellow', 'lime', 'neutral', 'stone', 'red', 'orange', ]:
        ui.element("div").classes("h-[5rem] w-[20rem]").tailwind.background_color(f"{color}-400")

ui.separator()

ui.label("示例四")
with ui.row().classes('w-[10rem]'):
    ui.label('如何让我屏幕居中？')
ui.separator()

ui.label("示例五")
with ui.row():
    ui.label('文本A')
    ui.label('文本X')
    ui.label('文本B')
    ui.element("div").classes("h-[5rem] w-[5rem]").tailwind.background_color("cyan-400")

ui.separator()

ui.query('.nicegui-content').classes()

ui.run()
